@charset 'utf-8';

.lh20{
	line-height: 20px;
}
.lh30{
	line-height: 30px;
}
.lh35{
	line-height: 35px;
}
.lh65{
	text-align: center;
	line-height: 65px;
}
.content-list-wrap{
	height: 95%;
}
.content-list{
	height: 100%;
}
.content-left{
	display: inline-block;
	width: 17%;
	height: 100%;
	padding-left: 15px;
	vertical-align: top;
}
.content-middle{
	display: inline-block;
	width: 45%;
	height: 100%;
	vertical-align: top;
}
.content-right{
	display: inline-block;
	width: 37%;
	height: 100%;
	color: #FFFFFF;
}
.leftBoxTop{
	position: relative;
	display: inline-block;
	width: 100%;
	height: 40%;
	border: 1px solid #337ab7;
	border-radius: 5px;
	box-shadow: 0 0 8px #337ab7 inset;
	background-color: rgba(107,149,185,.1);
}
.leftBoxBottom{
	display: inline-block;
	width: 100%;
	color: #FFFFFF;
}
.rightBox{
	display: inline-block;
	width: 100%;
	height: 24.5%;
	border: 1px solid #337ab7;
	border-radius: 5px;
}
.midBox{
	position: relative;
	display: inline-block;
	width: 100%;
	height: 100%;
	/*border: 1px solid #fff;*/
}
.leftBoxTop>p{
	padding: 5px 15px;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 32px;
}
.boxItem{
	position: relative;
	margin: 10px 0;
	
}
.tle,.content{
	display: inline-block;
	vertical-align: middle;
}
.tle{
	width: 20%;
	font-size: 24px;
	text-align: left;
}
.content{
	position: relative;
	width: 135px;
	height: 75px;
	padding: 5px 15px;
	line-height: 20px;
	font-size: 12px;
	border: 1px solid #337ab7;
	border-radius: 5px;
	box-shadow: 0 0 8px #337ab7 inset;
	background-color: rgba(107,149,185,.1);
}
.content .lh30 b,
.content .lh65 b{
	font-size: 18px;
}

.content>li>b,
.leftBoxTop>p>b{
	font-size: 14px;
}
/*右侧样式*/
.con-r-top{
	width: 100%;
	height: 25%;
}
.con-r-bottom{
	width: 100%;
	height: 70%;
}
.con-r-top,.con-r-bottom{
	text-align: center;
}
.r-top-box,
.r-bottom-box{
	width: 100%;
	height: 88%;
}

.r-top-box .boxLeft,
.r-top-box .boxRight,
.r-bottom-box .boxTop,
.r-bottom-box .boxMiddle,
.boxBottom .bb-left,
.boxBottom .bb-right{
	position: relative;
	border: 1px solid #337ab7;
	border-radius: 5px;
	box-shadow: 0 0 8px #337ab7 inset;
	background-color: rgba(107,149,185,.1);
}
.r-top-box .boxLeft,
.r-top-box .boxRight{
	width: 45%;
	height: 100%;
}
.r-bottom-box .boxTop{
	width: 100%;
	height: 30%;
	margin-bottom: 5px;
}
.r-bottom-box .boxMiddle{
	width: 100%;
	height: 35%;
	margin-bottom: 5px;
	
}
.r-bottom-box .boxBottom{
	width: 100%;
	height: 40%;
}
.boxBottom .bb-left,
.boxBottom .bb-right{
	width: 45%;
	height: 100%;
}
.bb-right p{
	line-height: 25px;
	margin-bottom: 0;
}
.pull-right>.list>li{
	float: left;
	text-align: left;
	padding-left: 15px;
}
/*提示框*/
.point{
	display: inline-block;
	position: absolute;
/*	right: 232px;
	top: 373px;*/
	width: 32px;
	height: 43px;
	cursor: pointer;
	background: url(../img/icons/orange_big.png) center no-repeat;
	background-size: 100%;
	transition: all .5s;
}
.point:hover{
	width: 40px;
	height: 50px;
}
.point:hover>.tip{
	display: inline-block;
}
.tip{
	display: none;
	position: absolute;
	top: -150px;
	padding: 0 10px;
	background-color: #f5f5f5;
	color: #333;
	width: 220px;
	border-radius: 5px;
	box-shadow: 2px 2px 8px #222222;
}
.tip>p{
	margin-bottom: 5px;
	text-align: center;
	font-size: 14px;
	line-height: 24px;
	border-bottom: 1px solid #666;
}
.tip table{
	margin-bottom: 5px;
	font-size: 10px;
}
.tip table td:first-of-type{
	text-align: right;
}
.tip:after{
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-top: 20px solid #F5F5F5;
	border-right: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid transparent;
	position: absolute;
	bottom: -30px;
	left: 5px;
}
.midBox .areaMap{
	width: 100%;
}
.iconTab{
	margin-top: 10px;
	width: 100%;
	height: 6%;
	color: #FFFFFF;
	text-align: center;
}
.iconTab li{
	display: inline-block;
	padding: 0 5px;
	line-height: 35px;
}
.iconTab li img{
	margin-right: 5px;
}
.content:hover .topLeft,
.content:hover .topRight,
.content:hover .bottomRight,
.content:hover .bottomLeft{
	opacity: 1.0;
	filter: alpha(100);
	-webkit-animation: flash .25s;
	-webkit-animation-iteration-count:2;
}
@-webkit-keyframes flash{
	from{
		opacity: 0.6;
		filter: alpha(50);
		}
	to{
		opacity: 1.0;
		filter: alpha(100);
		}
}

/*屏幕小于996px以前的*/
@media screen and (min-width: 996px) {
	
}
/*屏幕小于1200px以前的*/
@media screen and (min-width: 1200px) {
	
}
/*屏幕小于1400px以前的*/
@media screen and (min-width: 1400px) {
	.content-left{
		width: 14%;
	}
	.leftBoxTop{
		height: 35%;
	}
	.leftBoxTop>p{
		line-height: 28px;
	}
	.boxItem{
		margin: 15px 0;
	}
	.boxItem .lh20{
		line-height: 25px;
	}
	.boxItem .lh30{
		line-height: 35px;
	}
	.boxItem .content{
		height: 85px;
	}
}
/*屏幕小于1600px以前的*/
@media screen and (min-width: 1600px) {
	.leftBoxTop{
		height: 30%;
	}
	.leftBoxTop>p{
		line-height: 35px;
	}
	.boxItem{
		margin: 15px;
	}
}